iT邦幫忙

2021 iThome 鐵人賽

DAY 20
0
自我挑戰組

30 天重新設計印度氣象局官網首頁系列 第 21

Day 21 民生公共物聯網資料應用競賽 線稿轉精稿

  • 分享至 

  • xImage
  •  

(靠腰昨天網路好像掛掉,文沒發出去)

來找設計師一起 side project,前後端 / UIUX 皆可ㄛ。配對單連結:
https://docs.google.com/spreadsheets/d/1-6YCUfqaB7dQLQa34pbuCHgYvXU3eYZ0dvDcPszhE4g/edit?usp=sharing


印度氣象局:https://mausam.imd.gov.in/#.

重新設計 prototype :
https://xd.adobe.com/view/bd7fd57a-8e2f-44b0-bc26-322e98708133-e82c/

印度氣象局其實已經差不多了,所以今天就分享最近正在參加的「民生公共物聯網資料應用競賽」設計過程。


昨天的線稿,倒數兩天!

昨天,我將線稿微調過,使用比較符合科技感的主視覺,今天我們要將他完成。到目前我們進行了4天,距離競賽截止剩下最後兩天!


底圖選定

首先,要先選定一張有震撼力的底圖,這兩張是差不多模式,但不同遠近的圖。

第一張是算近景,然後可以仔細的看到凹凸起伏,景深也比較深。
第二張是遠景,好處是比較有俯視壯闊感,要在地圖上作畫會比較容易。

雖然應該要為使用者著想,但因為是比賽,還是要選一張有「效果」的圖XDDD

底圖去浮水印+調色

我將第一張稍微調下顏色,將對比度拉高,使線條比較銳利,還有去了浮水印。

他們兩個都是從圖庫網站找的,雖然我們會將他的 resource 放在海報下方,我們還在猶豫要不要購買><

Adobe 印章工具其實去浮水印滿快的,做起來的成品破綻也不多。但是其實版權問題還是猶豫了蠻久,今天晚上應該會會再跟朋友討論一下要不要購買。

比較不同的圖適合度

接下來將這些圖放到我設計好的介面當中,這時候就會發現第一張圖其實畫色階還蠻難的,很怪XD


第二張圖可能畫色階會更明顯一點,所以也還在想這兩張要用哪一張。其實我個人是覺得第一張還蠻壯闊的,但是畫圖有點違和,是否會讓評審認為可行性不佳。

我會比較偏向第二張,不過詳細情況還是要討論一下。

我們想要改善的問題:
購買土地狀況不熟悉或是各種高風險地段不動產物件時,比如說跨縣市、跨不同高度或高風險地質物件等等,往往會資訊不對稱,或是花費過多時間來進行初步篩選。(詳情可以見前幾篇喔)

簡單解釋一下它的功能:

一、導覽列+side bar:

  1. 導覽列中:你可以選擇氣候、水質、治安、地質、輻射等不同分類,然後去觀看不同的參數,只要政府有開放API,基本上都可以進行串接。
  2. 使用自選範圍的功能,去限制著想要觀看的位置。
  3. 立體地形模式:可以選擇不同的地形模式,2D、3D跟衛星雲圖
  4. 時間軸:可以看到這段時間內,土地是如何的變化

最右邊我放了是比較少動到的東西:

  1. 比如說:放大、縮小、回首頁。回首頁就是回到最原始的大小。
  2. color bar :採用同個色系。

然後我真心覺得參加競賽很有意思,而且很「方便」><

  1. 得到一個作品
  2. 團隊合作的經驗
  3. 拓展人脈
  4. 參賽紀錄
  5. 幸運的話有名次
  6. 甚至還有獎金XD

一舉數得啊啊啊,決定以後專門找人打比賽!還有一些細節可以修,倒數兩天 gogogo!!

放上男友帥背照給大家呵呵呵一下。


上一篇
Day 20 公共資料競賽,「區域E資訊」設計線稿優化分享
下一篇
Day 22 民生公共物聯網資料應用競賽 完整作品+海報!!
系列文
30 天重新設計印度氣象局官網首頁22
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言